@layout("/common/_container.html"){
<link rel="stylesheet" href="${ctxPath}/static/layui/css/layui.css" media="all">
<div class="ibox float-e-margins">
    <div class="ibox-content">
        <div class="form-horizontal">

            <input type="hidden" id="serverTypeValue" value="${item.serverType}">
            <div class="row">
                <div class="col-sm-6 b-r">
                    <input id="areaLevelValue" value="${item.areaLevel}" type="hidden">
                    <#input id="id" name="ID" value="${item.id}" hidden="id" readonly="readonly"/>
                    <#input id="serverName" name="简体名称" value="${item.serverName}" />
                    <#input id="serverName2" name="英文名称" value="${item.serverName2}" />
                    <#input id="serverName3" name="繁体名称" value="${item.serverName3}" />
                    <#select name="区域级别" id="areaLevel">
                          <option value="1">1</option>
                          <option value="2">2</option>
                          <option value="3">3</option>
                          <option value="4">4</option>
                          <option value="5">5</option>
                     </#select>
                </div>

                <div class="col-sm-6">
                    <#input id="serverIp" name="IP地址" value="${item.serverIp}"/>
                    <#input id="serverPort" name="监听端口" value="${item.serverPort}"/>
                    <#input id="pubKey" name="公钥" value="${item.pubKey}"/>
                    <#select id="serverType" name="线路类型">
                        <option value="0">VIP</option>
                        <option value="1">免费</option>
                        <option value="2">专属</option>
                    </#select>
                </div>
            </div>
            <div class="row btn-group-m-t" style="margin-bottom: 10px;">
                <div style="display: flex;flex-direction: row;align-items: center">
                    <img id="preview" src="${item.sourcePath}" style="width: 40px;height: 40px;margin-left: 10px;margin-right: 10px;">
                    <input type="file" id="crowdImg">
                </div>
            </div>

            <div class="row btn-group-m-t">
                <div class="col-sm-10">
                    <#button btnCss="info" name="提交" id="ensure" icon="fa-check" clickFun="VpnServerInfoDlg.editSubmit()"/>
                    <#button btnCss="danger" name="取消" id="cancel" icon="fa-eraser" clickFun="VpnServerInfoDlg.close()"/>
                </div>
            </div>
        </div>

    </div>
</div>
<script src="${ctxPath}/static/layui/layui.js" charset="utf-8"></script>
<script src="${ctxPath}/static/modular/vpn_server_info/vpnServer/vpnServer_info.js"></script>
<script type="text/javascript">
    $(function () {
        $("#serverType").val($("#serverTypeValue").val());
        $("#areaLevel").val($("#areaLevelValue").val());
    });
</script>
@}
